<template>
	<view class="page_wrap">
		<custom-header title="注销账号" />
		<view class="_wrap">
			<view class="title">注销账号前请您阅读以下内容</view>
			<view class="text1">
				<view>1、注销账户后，我们将停止为您提供产品与服务。</view>
				<view>2、我们会根据法律法规的要求删除您的全部个人信息。</view>
			</view>
			<view class="text2">
				<view>注销账号前请确认以下事项：</view>
				<view>1、请确保账号资产（亚拍钱包）<text class="red">没有余额/欠款。</text></view>
				<view>2、请确保账号下<text class="red">没有正在进行中的订单/售后。</text> </view>
			</view>
			<view class="text3">
				提交注销后，我们需要12天来完成您的账号注销工作
			</view>
			
			<view class="btn" hover-class="confirm_hover" :hover-stay-time="200">注销</view>
		</view>

		                    <!-- 注销账号前请您阅读以下内容
							1、注销账户后，我们将停止为您提供产品与服务。
							2、我们会根据法律法规的要求删除您的全部个人信息。
							注销账号前请确认以下事项：
							1、请确保账号资产（亚拍钱包）没有余额/欠款。
							2、请确保账号下没有正在进行中的订单/售后。 
							提交注销后，我们需要12天来完成您的账号注销工作。 -->
	</view>
</template>

<script setup>
	import { computed, ref , onMounted} from 'vue';
	import { useStore } from 'vuex';
	const store = useStore();
	const statusBarHeight = computed(()=>{
		return store.getters.statusBarHeight;
	});
</script>

<style lang="scss">
	.page_wrap{
		min-height:100vh;
		background: #fff;
		color: #333;
		font-size: 28rpx;
	}
	._wrap{
		padding: 30rpx;
	}
	.title{
		font-weight: bold;
		font-size: 32rpx;
		text-align: center;
	}
	.text1,{
		padding-top: 10rpx;
		line-height: 50rpx;
	}
	.text2,.text3{
		padding-top: 50rpx;
		line-height: 50rpx;
		.red{
			color: #F5564D;
		}
	}
	.btn{
		width: 638rpx;
		text-align: center;
		height: 76rpx;
		line-height: 76rpx;
		border-radius: 108rpx;
		background: #F5564D;
		color: #fff;
		font-size: 32rpx;
		margin-top: 50rpx;
		
	}
	
</style>
